Analysing bus network in bangalore to discover pertinent smaller, newer routes

L = require('leaflet@1.9.3')


html`<link href='${resolve('leaflet@1.9.3/dist/leaflet.css')}' rel='stylesheet' />`

map = {

  // In Observable, we instead create a div from scratch in this cell, so it's
  // completely self-contained.
  let container = DOM.element('div', { style: `width:auto;height:100vh` });
  
  // Note that I'm yielding the container pretty early here: this allows the
  // div to be placed on the page. 
  yield container;
  
  let map = L.map(container).setView([12.967562,77.591629], 11);

  // base map
  let osmLayer = L.tileLayer('https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}@2x.png', {
      attribution: 'Wikimedia maps beta | &copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
  }).addTo(map)

  // Overlay Layers
  let roadsNoBusLayer = L.geoJson(JSON.parse(filteredRoadsOJS),{
    color: 'red'
  })
  let roadsBusStopNearLayer = L.geoJson(JSON.parse(negateFilteredRoadsOJS),{
    color: 'red'
  })
  let busRoute = L.geoJson(JSON.parse(busRoutes),{
    color: 'red'
  })
  var baseLayers = {
    "wiki-osm" : osmLayer,  
  }
  var overlayMaps = {
    "Roads with no bus routes": roadsNoBusLayer,
    "Roads with bus routes within 300mts": roadsBusStopNearLayer,
    //"All bus routes": busRoutes
  };

  var layerControl = L.control.layers(baseLayers, overlayMaps).addTo(map);
  
  
}